﻿<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">


	<Style x:Key="ImageButtonStyle" TargetType="{x:Type Button}" >
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="{x:Type Button}">
					<Grid >
						<Rectangle RadiusX="4" RadiusY="4" Fill="{DynamicResource DarkBaseBrush}"/>
						<Rectangle x:Name="Edge" RadiusX="4" RadiusY="4" Fill="{DynamicResource LightBaseBrush}" Margin="1,1,1,1"/>
						<Rectangle x:Name="Face"  RadiusX="4" RadiusY="4" Fill="{DynamicResource BaseVerticalGradient}" Margin="2,2,2,2"/>
						<Image x:Name="image" Source="{TemplateBinding Property=Content}"
       Margin="6,6,6,6"
       HorizontalAlignment="Stretch"
       VerticalAlignment="Stretch" Stretch="Uniform" ClipToBounds="False">
						</Image>
					</Grid>
					<ControlTemplate.Triggers>
						<Trigger Property="IsPressed" Value="True">
							<Setter TargetName="Edge" Property="Fill" Value="{DynamicResource DarkDarkBrush}"/>
							<Setter TargetName="Face" Property="Margin" Value="2,2,1,1"/>
							<Setter TargetName="Face" Property="Fill" Value="{DynamicResource BaseVerticalGradientInverted}"/>
							<Setter TargetName="image" Property="Margin" Value="7,7,5,5"/>
						</Trigger>
						<Trigger Property="IsEnabled" Value="False">
							<Setter TargetName="Face" Property="Fill" Value="{DynamicResource BaseBrush}"/>
							<Setter Property="Foreground" Value="{DynamicResource DarkBrush}"/>
						</Trigger>
					</ControlTemplate.Triggers>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

	<Style x:Key="ImageToggleButtonStyle" TargetType="{x:Type ToggleButton}" >
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="{x:Type ToggleButton}">
					<Grid >
						<Rectangle RadiusX="4" RadiusY="4" Fill="{DynamicResource DarkBaseBrush}"/>
						<Rectangle x:Name="Edge" RadiusX="4" RadiusY="4" Fill="{DynamicResource LightBaseBrush}" Margin="1,1,1,1"/>
						<Rectangle x:Name="Face"  RadiusX="4" RadiusY="4" Fill="{DynamicResource BaseVerticalGradient}" Margin="2,2,2,2"/>
						<Image x:Name="image" Source="{TemplateBinding Property=Content}"
       Margin="6,6,6,6"
       HorizontalAlignment="Stretch"
       VerticalAlignment="Stretch" Stretch="Uniform" ClipToBounds="False">
						</Image>
					</Grid>
					<ControlTemplate.Triggers>
						<Trigger Property="IsPressed" Value="True">
							<Setter TargetName="Edge" Property="Fill" Value="{DynamicResource DarkDarkBrush}"/>
							<Setter TargetName="Face" Property="Margin" Value="2,2,1,1"/>
							<Setter TargetName="Face" Property="Fill" Value="{DynamicResource BaseVerticalGradient}"/>
							<Setter TargetName="image" Property="Margin" Value="7,7,5,5"/>
						</Trigger>

						<Trigger Property="IsChecked" Value="True">
							<Setter TargetName="Edge" Property="Fill" Value="{DynamicResource DarkDarkBrush}"/>
							<Setter TargetName="Face" Property="Margin" Value="2,2,1,1"/>
							<Setter TargetName="Face" Property="Fill" Value="{DynamicResource BaseVerticalGradient}"/>
							<Setter TargetName="image" Property="Margin" Value="7,7,5,5"/>
						</Trigger>

						<Trigger Property="IsEnabled" Value="False">
							<Setter TargetName="Face" Property="Fill" Value="{DynamicResource BaseBrush}"/>
							<Setter Property="Foreground" Value="{DynamicResource DarkBrush}"/>
						</Trigger>

					</ControlTemplate.Triggers>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

	<Style x:Key="PlayButton" BasedOn="{StaticResource ImageToggleButtonStyle}" TargetType="{x:Type ToggleButton}">
		<Setter Property="Content" Value="{DynamicResource Play_design}"/>
	</Style>

	<Style x:Key="PauseButton" BasedOn="{StaticResource ImageToggleButtonStyle}" TargetType="{x:Type ToggleButton}">
		<Setter Property="Content" Value="{DynamicResource Pause_design}"/>
	</Style>

	<Style x:Key="StopButton" BasedOn="{StaticResource ImageButtonStyle}" TargetType="{x:Type Button}">
		<Setter Property="Content" Value="{DynamicResource Stop_design}"/>
	</Style>

	<Style x:Key="FirstButton" BasedOn="{StaticResource ImageButtonStyle}" TargetType="{x:Type Button}">
		<Setter Property="Content" Value="{DynamicResource First_design}"/>
	</Style>

	<Style x:Key="LastButton" BasedOn="{StaticResource ImageButtonStyle}" TargetType="{x:Type Button}">
		<Setter Property="Content" Value="{DynamicResource Last_design}"/>
	</Style>

	<Style x:Key="PreviousButton" BasedOn="{StaticResource ImageButtonStyle}" TargetType="{x:Type Button}">
		<Setter Property="Content" Value="{DynamicResource Previous_design}"/>
	</Style>

	<Style x:Key="NextButton" BasedOn="{StaticResource ImageButtonStyle}" TargetType="{x:Type Button}">
		<Setter Property="Content" Value="{DynamicResource Next_design}"/>
	</Style>

	<Style x:Key="LoopButton" BasedOn="{StaticResource ImageToggleButtonStyle}" TargetType="{x:Type ToggleButton}">
		<Setter Property="Content" Value="{DynamicResource Loop_design}"/>
	</Style>
</ResourceDictionary>